<template>
    <view :class="boxDfClass+' '+boxClass" :style="boxStyle">
        <view  :class="viewDfClass+' '+viewClass+` wy-position-${position}`" v-if="height||width||viewClass||viewStyle" :style="viewStyle+minWidthStyle+minHeightStyle"></view>
        <slot></slot>
    </view>
</template>

<script>
    var wy=uni.wy;
    var pubfn=wy.pubfn;
    var getHeight=pubfn.getHeight
    export default {
        data() {
            return {
                
            }
        },
        props:{
            height:{
            	type:String,
            	default:''
            },
            width:{
            	type:String,
            	default:''
            },
            position:{
                type:String,
                default:'absolute'
            },
            viewDfClass:{
                type:String,
                default:'wy-full-width'
            },
            viewClass:{
                type:String,
                default:''
            },
            viewStyle:{
                type:String,
                default:''
            }, 
            boxDfClass:{
                type:String,
                default:'wy-position-relative wy-flex-column'
            },
            boxClass:{
                type:String,
                default:''
            },
            boxStyle:{
                type:String,
                default:''
            }
        },
        computed:{
            minWidthStyle(){
                if(this.width){
                    return 'width:'+ this.width+';'
                }
                else{
                    return ''
                }
            },
            minHeightStyle(){
                if(this.height){
                    return 'height:'+ getHeight(this.height)+'px;'
                }
                else{
                    return ''
                }
            }
        },
        methods: {
            
        }
    }
</script>

<style>

</style>
